.bind-wxpay-qrcode{
	display: flex;
	height: 100vh;
	flex-direction: column;
	.main{
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
		background-size: 100% 100%;
		background-image: url('https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/c3d54ee1-931e-4d61-953d-40ebdefb3480.png');
		.user-avatar-wrapper{
			width: 112rpx;
			height: 112rpx;
			margin-top: 88rpx;
			.avatar{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		.title{
			margin-top: 32rpx;
			height: 50rpx;
			font-size: 36rpx;
			font-family:$global-font-family;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 50rpx;
		}
		.qrcode-wrapper{
			margin-top: 32rpx;
			width: 340rpx;
			height: 340rpx;
			background: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
			.qrcode-inner-wrapper{
				width: 252rpx;
				height: 252rpx;
				background: #E1F1FF;
				.qrcode{
					width: 100%;
					height: 100%;
				}
			}
		}
		.upload-btn{
			width: 410rpx;
			height: 88rpx;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			margin-top: 64rpx;
			border: 2rpx solid #FFFFFF;
			font-size: 28rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}